.Detail{
    width: 100%;
    .sea{
        height: 2rem;
        display: flex;
        overflow-x: scroll;
        align-items: center;
        text-align: center;
        &>li{
            width: 30%;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            &>h2{
                width: 35%;
                margin-bottom: .18rem;
                img{
                    width: 100%;
                }
            }
        }
    }
}
.context{
    margin-left: .4rem;
}
.li{
    width: 100%;
    height: 3.5rem;
    display: flex;
    flex-wrap: wrap;  

    &>li{
        width: 48%;
        padding: .20rem;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        
        &>p{
            margin: .18rem 0;
            text-align: center;
            font-size: .22rem;
        }
        &>h2{
            width: 100%;
            text-align: center;
            &>img{
                width: 60%;
            }
        }
        &>div{
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            &>span{
                font-size: .20rem;
            }
            &>div{
                display: flex;
                align-items: center;
                &>span{
                    font-size: .30rem;
                }
                h3{
                    width: .50rem;
                    border-radius: 50%;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}